<template>
    <lineChart class="h-full"
               :title="title"
               :data="data"
               :dataList="dataList"
               :hightdata="234"
               :legendList="legendList"
               :color="colors"/>
</template>
<script setup lang="ts">
import {getScreealarm,} from '@/api/screen/largeData'
import lineChart from '@/views/large-data-screen/component/public/alarm-trend.vue'

const data = ref(
  [
    {left: '20px', right: '10px', width: '95%', bottom: '20px'},
    {
      height2: '234px'
    }
  ]
)
const colors = ref(['rgb(69, 131, 255)', 'rgb(253, 188, 82)', 'rgb(1, 191, 236)'])
const legendList = ref(['故障', '离线', '报警'])
const title = ref('近15日告警态势')
const alarmEventDT = ref(1)
//获取图表数据
const dataList = ref([])
onMounted(() => {
  getcountalarm()//告警态势
})
//15日告警态势
const getcountalarm = () => {
  getScreealarm(
    {
      searchType: 1, //查询类型(1 单位 2 -个体概览)
      alarmConfirmDT: 0,//告警类型统计 （ 0-全部  3 本月 4 年）
      alarmEventDT: alarmEventDT.value,//告警事件 （ 0-全部 1 日 2周 3 月 4 年）
      systematicId: '',//应用系统id
      days: 15         //最近几日（  7，15）

    }
  ).then(res => {

    dataList.value = res.result.alarmDay

  })
}
</script>
<style scoped lang="scss"></style>
